<template>
<<<<<<< HEAD
	<div class="tab">
		<router-link tag='div' to='/recommend' class="tab-item">
			<span class="tab-link">推荐</span>
		</router-link>
		<router-link tag='div' to='/singer' class="tab-item">
			<span class="tab-link">歌手</span>
		</router-link> 
		<router-link tag='div' to='/rank' class="tab-item">
			<span class="tab-link">排行</span>
		</router-link>
		<router-link tag='div' to='/search' class="tab-item">
			<span class="tab-link">搜索</span>
		</router-link> 
		<!-- </keep-alive> -->
	</div>
</template> 

<script>
	export default{}
</script>

<style scoped lang="less">
	@import "~assets/less/variable";
	  .tab {
	    display: flex;
	    height: 44px;
	    line-height: 44px;
	    font-size: @font-size-medium;
	    .tab-item {
	        flex: 1;
	        text-align: center;
	    }
	    .router-link-active {
	        .tab-link{
	            padding-bottom: 5px;
	            color: @color-theme;
	            border-bottom: 2px solid @color-theme;
	        }
	    } 
	  }
=======
  <div class="tab">
    <router-link tag="div" class="tab-item" to="/recommend">
      <span class="tab-link">推荐</span>
    </router-link>
    <router-link tag="div" class="tab-item" to="/singer">
      <span class="tab-link">歌手</span>
    </router-link>
    <router-link tag="div" class="tab-item" to="/rank">
      <span class="tab-link">排行</span>
    </router-link>
    <router-link tag="div" class="tab-item" to="/search">
      <span class="tab-link">搜索</span>
    </router-link>
  </div>
</template>

<script type="text/javascript">
  export default {

  }
</script>
<style scoped lang="less">
  @import "~assets/less/variable";
  .tab {
    display: flex;
    height: 44px;
    line-height: 44px;
    font-size: @font-size-medium;
    .tab-item {
        flex: 1;
        text-align: center;
    }
    .router-link-active {
        .tab-link{
            padding-bottom: 5px;
            color: @color-theme;
            border-bottom: 2px solid @color-theme;
        }
    } 
  }
>>>>>>> 2f2681559102dd200f119afb607054cf37b8104a
</style>